/*1.获取元素对象
  2.循环操作标签：添加鼠标移入事件
  3.鼠标移入事件：
  循环判断是否是当前划过的对象，才能判断隐藏跟显示*/
 //获取html元素，最上方标签，下面对应的内容
 var tabs=document.getElementsByClassName('tab-head-div');
 var divs=document.getElementsByClassName('tab-body-div');
 //给标签对象循环添加鼠标移入事件
 for(var i=0;i<tabs.length;i++){
 	tabs[i].onmouseover=function(){
 		//循环判断哪个tab是当前鼠标移入对象
 		for(var j=0;j<divs.length;j++){
 			if(this==tabs[j]){
 				//下面这句给元素添加了class名：current
 				//等同于css里设置的3条语句
 				tabs[j].classList.add('current');
 				divs[j].classList.add('current');
 			}else{
 				//去除元素的class名
 				tabs[j].classList.remove('current');
 				divs[j].classList.remove('current');
 			}
 		}
 	};
 }
